//  gulp 的配置文件，在这里 定义gulp 要处理的事情
const GulpClient = require("gulp");
let gulp = require("gulp");
//https://www.npmjs.com/package/gulp-sass
var sass = require("gulp-sass")(require("sass"));
//  定义一个任务来处理 一件事情（sass） gulp.task(任务名,回调函数（任务要执行的代码）)
//  执行任务 终端中输入 gull scss
gulp.task("scss", function (cd) {
  //  任务要做的事情
  console.log("scss 任务要做的事情");
  //  获取src/scss  所有的 后缀为scss文件，编译sass-存到dist/css文件 存到src/css文件
  gulp
    .src("./sass/*.scss") //获取 文件夹下面所有的后缀为scss文件
    //.pipe(调用sass插件)
    .pipe(sass().on("error", sass.logError))
    .pipe(gulp.dest("./css")); //存到css文件夹
  cd(); //任务处理完毕调用cd
});
gulp.task("w-scss", function () {
  // 监听文件的变化，一旦变化就会执行 ，后面数组中任务 【任务名】
  gulp.watch("sass/*.scss", gulp.parallel(["scss"]));
  // gulp.watch('./src/scss/*.scss', ['scss']);
});
